<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>商家管理</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
	<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$(function () {
			getSeller();
		})
		function getSeller() {
			var name = $("#name").val();
			var nickName = $("#nickName").val();
			var status = $("input[name=status]:checked").val();
			$.ajax({
				url: "/seller/getSeller",
				type: "post",
				data:{name:name,nickName:nickName,status:status},
				async: false,//同步
				dataType: "json",
				success: function (result) {
					var sellerList = result.data;
					var table = '';
					$.each(sellerList,function (i,v) {
						table += '<tr><td><input type="checkbox"></td><td>'+ v.sellerId +'</td><td>'+ v.name +'</td>';
						table += '<td>'+ v.nickName +'</td><td>'+ v.linkmanName +'</td><td>'+ v.telephone +'</td><td>';
						if(v.status == 0){
							table += '<span>未审核</span></td>';
						} else if (v.status == 1){
							table += '<span>审核通过</span></td>';
						} else if (v.status == 2){
							table += '<span>审核未通过</span></td>';
						} else {
							table += '<span>已关闭商家</span></td>';
						}
						table += '<td class="text-center"><button type="button" onclick="getSellerById(\''+ v.sellerId + '\')" class="btn bg-olive btn-xs" data-toggle="modal" data-target="#sellerModal" >详情</button></td></tr>';
					})
					$("#tableId").html(table);
				},
				error: function () {
					alert("系统错误，请联系管理员！");
				}
			})
		}
		//查询详情
		function getSellerById(sellerId) {
			$.ajax({
				url:"/seller/getSellerById",
				type:"post",
				dataType:"json",
				data:{sellerId:sellerId},
				async:false,
				success:function(result){
					if(result.code == 200){
						var tbSeller = result.data;
						$("#gongSiName").val(tbSeller.name);
						$("#mobile").val(tbSeller.mobile);
						$("#telephone").val(tbSeller.telephone);
						$("#addressDetail").val(tbSeller.addressDetail);
						$("#bankUser").val(tbSeller.bankUser);
						$("#bankName").val(tbSeller.bankName);
						$("#legalPersonCardId").val(tbSeller.legalPersonCardId);
						$("#orgNumber").val(tbSeller.orgNumber);
						$("#legalPerson").val(tbSeller.legalPerson);
						$("#taxNumber").val(tbSeller.taxNumber);
						$("#licenseNumber").val(tbSeller.licenseNumber);
						$("#linkmanName").val(tbSeller.linkmanName);
						$("#linkmanQq").val(tbSeller.linkmanQq);
						$("#linkmanMobile").val(tbSeller.linkmanMobile);
						$("#linkmanEmail").val(tbSeller.linkmanEmail);
						$("#sellerId").val(tbSeller.sellerId);
					}else {
						alert(result.message)
					}
				},
				error:function(result){
					alert(result.message)
				}
			})
		}
		//审核
		function tongGuo(a) {
			var sellerId = $("#sellerId").val();
			$.ajax({
				url:"/seller/tongGuo",
				type:"post",
				dataType:"json",
				data:{sellerId:sellerId,a:a},
				async:false,
				success:function(result){
					if(result.code == 200){
						alert(result.message)
						window.location.reload();
					}else {
						alert(result.message)
					}
				},
				error:function(result){
					alert(result.message)
				}
			})
		}
	</script>
    
</head>

<body class="hold-transition skin-red sidebar-mini"  >
  <!-- .box-body -->
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">商家管理</h3>
                    </div>

                    <div class="box-body">

                        <!-- 数据表格 -->
                        <div class="table-box">

                            <!--工具栏-->
                            
                            <div class="box-tools pull-right">
                                <div class="has-feedback">
							        公司名称：<input type="text" th:id="name">
									店铺名称： <input type="text" th:id="nickName">
									状态：
									<input type="radio" name="status" th:value="10000" />全部
									<input type="radio" name="status" th:value="0" />待审核
									<input type="radio" name="status" th:value="1" />已审核
									<input type="radio" name="status" th:value="2" />审核未通过
									<input type="radio" name="status" th:value="3" />关闭
									<button class="btn btn-default" th:onclick="getSeller()">查询</button>
                                </div>
                            </div>
                            <!--工具栏/-->

			                  <!--数据列表-->
			                  <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
			                      <thead>
			                          <tr>
			                              <th class="" style="padding-right:0px">
			                                  <input id="selall" type="checkbox" class="icheckbox_square-blue">
			                              </th> 
										  <th class="sorting_asc">商家ID</th>
									      <th class="sorting">公司名称</th>
									      <th class="sorting">店铺名称</th>
									      <th class="sorting">联系人姓名</th>
									      <th class="sorting">公司电话</th>
									      <th class="sorting">状态</th>										
					                      <th class="text-center">操作</th>
			                          </tr>
			                      </thead>
<!-------------------------------------------------查询数据------------------------------------------------------------>
			                      <tbody th:id="tableId">

			                      </tbody>
			                  </table>
			                  <!--数据列表/-->                        
							  
							 
                        </div>
                        <!-- 数据表格 /-->
                        
                        
                        
                        
                     </div>
                    <!-- /.box-body -->
                    
	          
					    
                                
<!-- 商家详情 -->
<div class="modal fade" id="sellerModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" >
	<div class="modal-content">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<h3 id="myModalLabel">商家详情</h3>
		</div>
		<div class="modal-body">							
			
			 <ul class="nav nav-tabs">
			  <li class="active"><a href="#home" data-toggle="tab">基本信息</a></li>
			  <li><a href="#linkman" data-toggle="tab">联系人</a></li>
			  <li><a href="#certificate" data-toggle="tab">证件</a></li>
			  <li><a href="#ceo" data-toggle="tab">法定代表人</a></li>
			  <li><a href="#bank" data-toggle="tab">开户行</a></li>
			</ul>

			<!-- 选项卡开始 -->
			<div id="myTabContent" class="tab-content">
				<div class="tab-pane active in" id="home">
					<br>
					<table class="table table-bordered table-striped"  width="800px">
						<tr>
							<td>公司名称</td>
							<td><input id="gongSiName" readonly></td>
						</tr>
						<tr>
							<td>公司手机</td>
							<td><input id="mobile" readonly></td>
						</tr>
						<tr>
							<td>公司电话</td>
							<td><input id="telephone" readonly></td>
						</tr>
						<tr>
							<td>公司详细地址</td>
							<td><input id="addressDetail" readonly></td>
						</tr>
					</table>
				</div>
				<div class="tab-pane fade" id="linkman" >
					<br>
					<table class="table table-bordered table-striped" >
						<tr>
							<td>联系人姓名</td>
							<td><input id="linkmanName" readonly></td>
						</tr>
						<tr>
							<td>联系人QQ</td>
							<td><input id="linkmanQq" readonly></td>
						</tr>
						<tr>
							<td>联系人手机</td>
							<td><input readonly id="linkmanMobile"></td>
						</tr>
						<tr>
							<td>联系人E-Mail</td>
							<td><input id="linkmanEmail" readonly></td>
						</tr>
					</table>
				</div>
				<div class="tab-pane fade" id="certificate">
					<br>
					<table class="table table-bordered table-striped" >
						<tr>
							<td>营业执照号</td>
							<td><input readonly id="licenseNumber"></td>
						</tr>
						<tr>
							<td>税务登记证号</td>
							<td><input id="taxNumber" readonly></td>
						</tr>
						<tr>
							<td>组织机构代码证号</td>
							<td><input readonly id="orgNumber"></td>
						</tr>
					</table>
				</div>
				<div class="tab-pane fade" id="ceo">
					<br>
					<table class="table table-bordered table-striped" >
						<tr>
							<td>法定代表人</td>
							<td><input id="legalPerson" readonly></td>
						</tr>
						<tr>
							<td>法定代表人身份证号</td>
							<td><input readonly id="legalPersonCardId"></td>
						</tr>
					</table>
				</div>
				<div class="tab-pane fade" id="bank">
					<br>
					<table class="table table-bordered table-striped" >
						<tr>
							<td>开户行名称</td>
							<td><input id="bankUser" readonly></td>
						</tr>
						<!--<tr>
							<td>开户行支行</td>
							<td><input readonly id=""></td>
						</tr>-->
						<tr>
							<td>银行账号</td>
							<td ><input id="bankName" readonly></td>
						</tr>
					</table>
				</div>
			</div>
			<!-- 选项卡结束 -->
			
			
		</div>
		<div class="modal-footer">
			<input type="hidden" th:id="sellerId">
			<button class="btn btn-success"onclick='tongGuo(1)' data-dismiss="modal" aria-hidden="true">审核通过</button>
         	<button class="btn btn-danger" onclick="tongGuo(2)" data-dismiss="modal" aria-hidden="true">审核未通过</button>
            <button class="btn btn-danger" onclick="tongGuo(3)" data-dismiss="modal" aria-hidden="true">关闭商家</button>
			<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
		</div>
	  </div>
	</div>
</div>


</body>

</html>